<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#container{
				width: 50%;
				margin: 0 auto;
				border: 1px solid red;
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				align-items: flex-start;
			}
			.shop{
				width: 400px;
				display: block;
				margin: 0 auto;
				border: 1px solid green;
				margin: 20px;
			}
		</style>
	</head>
	
	
	<body>
		
		<div id="container">
			<div class="shop">
				<img src="img" alt="" />
				<p>商品标题</p>
				<p>商品描述</p>
			</div>
			
			<div class="shop">
				<img src="img" alt="" />
				<p>商品标题</p>
				<p>商品描述</p>
			</div>
			
			<div class="shop">
				<img src="img" alt="" />
				<p>商品标题</p>
				<p>商品描述</p>
			</div>
			
			<div class="shop">
				<img src="img" alt="" />
				<p>商品标题</p>
				<p>商品描述</p>
			</div>
			
			
		</div>
		
	</body>
	
</html>